/* iFrame */

body {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	text-align: left !important;
	color: #000000;
    font-size: 12px;
}

h2 {
    color: #268CCD;
    font-size: 1.4em;
    margin: 0 0 0.83em;
    font-family: "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
}

label {
    float: left;
    padding: 0.2em 0.5em 0 0;
}

label:after {
    clear: both;
}

fieldset {
    background: none #f9f9f9;
    border: 1px solid #B6B6B6;
    font-size: 1.1em;
    margin: 0;
    padding: 1em;
}

legend {
    margin: 0;
    padding: 0.2em 0.5em;
    text-align: left;
}

/* END iFrame */

div.bg_values{
	margin : 10px auto;
}

.abg_cb{
	margin : auto;
	width : 220px;
	height: 25px;
	padding-top: 5px;
}

.horizontal_position{
	margin-left : 20px;
	float : left;
}
.vertical_position{
	float : left;
}

.error {
    background-color: #FAE2E3 !important;
    border: 1px solid #EC9B9B !important;
}
.conf {
    background-color: #DFFAD3 !important;
    border: 1px solid #72CB67 !important;
}
.conf, .warn, .error {
    color: #383838 !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    margin: 0 0 10px !important;
    padding: 10px 15px 10px 45px !important;
	width: auto !important;
}




.width3 {width: 100% !important;}

.width3 select {width: 245px;}

.width3 select.multiselect {width: 99% !important;}

.ui-multiselect {float: left;margin-top: 5px; }

.width3 label {
	width: 35%;
	font-weight: normal;
	margin-right: 10px;
	text-align: left;
	border-bottom: 1px dotted #DFD5C3 !important;
}

.width3 .margin-form {padding: 0 0 1em 0 !important;}

.width3 .margin-form label {
	width: auto !important;
	border: 0 !important;
	margin: 0;
}

.width3 .margin-form p {clear: both;}

.column_action,.menu_action {
	position: absolute;
	top: 5px;
	right: 5px;
}

.add_element select {width: 200px;	margin: 10px 0;}

.tabContent {position: relative;}

.dragIcon {cursor: move;}

.connectedSortableDiv {
	float: right;
	width: 45%;
	border: 1px dashed #ccc;
	margin-right: 10px;
	padding: 10px;
}

.connectedSortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	min-height: 300px;
}

.connectedSortable .ui-icon {float: left;}

.connectedSortableDiv h2 {margin-top: 15px;}

.sortableCriterion {
	list-style-type: none;
	margin: 15px 0;
	padding: 0;
}

.sortableCriterion li {
	width: 730px !important;
	font-weight: normal !important;
	font-size: 0.8em !important;
	float: left;
	height: 25px;
	line-height: 19px;
	margin-bottom: 5px;
}

* html .connectedSortable {height: 300px;}

.connectedSortable li,.connectedSortable li {
	margin: 0 5px 5px 5px;
	padding: 5px;
	font-size: 1.2em;
	width: 350px;
}

.dynamicTextarea {
	background: #f3f3f3;
	border: 1px solid #ccc;
	padding: 5px;
}

.pm_separator {
	margin: 10px 0;
	background-color: transparent;
	color: transparent;
}

.childOptions {
	padding: 10px 0 10px 25px;
	margin-bottom: 10px;
	border: 1px solid #DFD5C3 !important;
	border-bottom: 2px solid #DFD5C3 !important;
	background-color: #fff;
}

.fill_next_size {
	background: url(../img/fill_next_size.png) top left no-repeat;
	cursor: pointer;
}

.radio_position {
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 5px;
}

.colorpicker,#ui-datepicker-div {z-index: 5 !important;}

.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
}

.back {text-decoration: none !important;}

input.colorPickerInput{width:60px;}

a.button,a.button:hover {
	text-decoration: none !important;
	color: #268CCD !important;
}

.progressbar_wrapper {width: 200px;height: 25px;}

.progressbarpercent {text-align: center;color: #999;}

/*.ui-widget-content {display: block;}*/

.ui-button {
	margin-right: 10px;
	padding: 2px 5px;
}

.ui-sortable li {
	margin: 3px 3px 3px 3px;
	padding: 3px;
}

label.ui-button {width: auto !important;}

.checkBoxOverflow {overflow: auto;}

.pm_tips {
	padding-left: 10px;
	cursor: help;
	float:left;
}

.pm_button {margin-top: 10px;}

hr.pm_hr {
	color: #DFDFDF!important;
	background-color: #DFDFDF!important;
	border: 0;
	height:1px;
}

.dataTables_filter label input{border: 1px solid #B6B6B6;}

.dataTables_length label select{border: 1px solid #B6B6B6;}

input.ui-input-pm[type="number"], input.ui-input-pm[type="url"], input.ui-input-pm[type="email"], input.ui-input-pm[type="text"], input.ui-input-pm[type="password"], input.ui-input-pm[type="file"], textarea.ui-input-pm, select.ui-input-pm {
    border: 1px solid #B6B6B6!important;
	 float:left;
}
input[type="number"], input[type="url"], input[type="email"] { padding: 2px 4px; }
.ui_select_menu {float:left;}

/* PM - Tiny-MCE Color */

.pmDraggableList { list-style-type: none; margin: 0; padding: 10px 0; margin-right:0;float:none!important; }
.pmDraggableList li { margin: 0 5px 0 5px; padding: 5px;float:none!important; }
.pmFloatDraggableList { list-style-type: none; margin: 0; padding: 10px 0; float: left; margin-right: 3px; }
.pmFloatDraggableList li { margin: 0 3px 0 3px; padding: 5px;float:left; }
.pmSubTitle {color:#333;font-size:14px;margin-top:20px;}

.pm_right {float:right;}
.pm_preview_upload img {max-width:300px;max-height:150px;}
.pm_preview_upload {text-align:center;padding:10px;margin-top:10px;}

.ui-dialog .ui-dialog-titlebar-full {
	position: absolute;
	right: 2em;
	top: 50%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px;
}

.ui-dialog .ui-dialog-titlebar-full span {display: block;margin: 1px;}
.ui-dialog .ui-dialog-titlebar-full:hover,.ui-dialog .ui-dialog-titlebar-full:focus {padding: 0;}
.dialogIFrame {width:97%!important;}
.ui-buttonset .ui-button-text { padding: 10px 15px!important;}
.ui-buttonset label.ui-button  {border-top:1px solid #CDC3B7!important;border-right:0;border-left:1px solid #CDC3B7!important;border-bottom:1px solid #CDC3B7!important;}
.ui-buttonset label.ui-corner-right {border-right:1px solid #CDC3B7!important;}

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; }
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }

.ui_select_menu_lang .ui-selectmenu {height:19px!important;border-radius: 0 3px 3px 0!important;}
.ui_select_menu_lang .ui-selectmenu-status {line-height:18px!important;padding: 0 1em 0 0!important;}
.ui_select_menu_lang li a {padding:0!important;}
.pmFlag .ui-input-pm {
	border-radius: 3px 0 0 3px!important;
	border-right:0!important;
}

.ui_select_menu_lang  {float:left;}




/* jquery tools forms error message */
.formValidationError p{
	font-size:11px !important;
	color:#000000 !important;
}
.formValidationError {
	/* supply height to ensure consistent positioning for every browser */
	min-height:15px !important;
	background: #ff9191 url('../img/module_notinstall.png') no-repeat left center !important;
	border:1px solid #ff2222 !important;
	font-size:11px !important;
	color:#000000 !important;
	padding:3px 3px 3px 23px !important;
	margin-left:-2px !important;
	line-height: 7px !important;
	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px !important;
	-webkit-border-radius:4px !important;
	-moz-border-radius-bottomleft:0 !important;
	-moz-border-radius-topleft:0 !important;
	-webkit-border-bottom-left-radius:0 !important;
	-webkit-border-top-left-radius:0 !important;
	-moz-box-shadow:0 0 6px #ddd !important;
	-webkit-box-shadow:0 0 6px #ddd !important;
}

.elementErrorAssignedClass {
	background: #ff9191 !important;
}

/*Copyright and newsletter*/
.pm_panel_bottom {margin-top:15px;border:1px solid #B6B6B6!important; width:45%; height:210px; padding: 0 2%; float:left;	/* margin-left:1%; margin-right:1%;*/}
.pm_panel_bottom .ui-input-pm {margin-top:3px;}
.pm_send_newsletter {margin-top:10px;float:right;margin-right : 0px; padding : 0;}
#pm_newsletter_terms {float:left;font-size:11px;padding-top:5px;display:block;margin-top:7px;color:#666;}

#pm_copy_bloc {width:150px;float:left;}
#pm_copy_bloc img {max-width:150px;}

blockquote { 
    font: italic 1.2em serif; 
    color: #999; 
	padding:0!important;
	margin-top:0;
}
blockquote:before, blockquote:after { 
    display: block; 
    font-size: 300%; 
    color: #999; 
}
blockquote:before { 
    content: open-quote; 
    margin-left: -10%; 
    height: 0; 
}
blockquote:after { 
    content: close-quote; 
    margin-left: 100%; 
    margin-top: -33px; 
    height: 33px; 
}

.pm_link {color:#268CCD!important;}

#pm_newsletter_trms_dialog p {text-align:justify}

.jGrowl-notification{
	background-color: #BBBBFF;
	font-weight: bold;
}

.pm_sort_panel{ list-style-type: none; margin: 0; padding: 0; width: 100%; }
.pm_sort_panel li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 50px; line-height: 50px; }
.pm_sort_panel li span { position: absolute; margin-left: -1.3em; margin-top: 17px !important }

.note div.ui-corner-all {
	background-image: url(../img/star.png), url(../img/star.png);
	background-position: 1% center, 99% center;
	background-repeat: no-repeat;
}
.note p.dismiss {
	font-size:10px;
}

